<div class="test-container">
    <div class="test-header">
        <div class="test-button-row">
            <div class="test-button-group">
                <button onclick="onBtSortOn()">Sort On</button>
                <br />
                <button onclick="onBtSortOff()">Sort Off</button>
            </div>
            <div class="test-button-group">
                <button onclick="onBtWidthNarrow()">Width Narrow</button>
                <br />
                <button onclick="onBtWidthNormal()">Width Normal</button>
            </div>
            <div class="test-button-group">
                <button onclick="onBtHide()">Hide Cols</button>
                <br />
                <button onclick="onBtShow()">Show Cols</button>
            </div>
            <div class="test-button-group">
                <button onclick="onBtReverseOrder()">Reverse Medal Order</button>
                <br />
                <button onclick="onBtNormalOrder()">Normal Medal Order</button>
            </div>
            <div class="test-button-group">
                <button onclick="onBtRowGroupOn()">Row Group On</button>
                <br />
                <button onclick="onBtRowGroupOff()">Row Group Off</button>
            </div>
            <div class="test-button-group">
                <button onclick="onBtAggFuncOn()">Agg Func On</button>
                <br />
                <button onclick="onBtAggFuncOff()">Agg Func Off</button>
            </div>
            <div class="test-button-group">
                <button onclick="onBtPivotOn()">Pivot On</button>
                <br />
                <button onclick="onBtPivotOff()">Pivot Off</button>
            </div>
            <div class="test-button-group">
                <button onclick="onBtPinnedOn()">Pinned On</button>
                <br />
                <button onclick="onBtPinnedOff()">Pinned Off</button>
            </div>
        </div>
    </div>
    <div id="myGrid" class="ag-theme-quartz"></div>
</div>
